<template>
	<view class="article-list-item">
		<view class="article-list-item-thumb" v-if="artilce.thumb">
			<image :src="$currectUrl(artilce.thumb)" style="width: 100%;height: 100%;" mode="aspectFit"></image>
		</view>
		<view style="flex: 1 1 100%;">
			<view style="font-size: .9rem;height: 38px;overflow: hidden;">{{artilce.title}}</view>
			<view style="font-size: .8rem;line-height: 2.5;"><text
					style="float: right;color: #1890ff;">{{artilce.createdAt}}</text> 作者：{{artilce.author}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "my-list-item",
		props: {
			artilce: {
				type: Object,
				default: {}
			}
		}
	}
</script>
